﻿body 
{
    background-color:#CCCCCC;
    text-align: left;
}

/**{ margin: 0px 0 0 0; 
padding: 0;
    text-align: left;
}*/

/*Banner*/
#banner
{
    background-image:url(images/banner1.png) ;
     -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; 
    padding:10px;
    height:230px;

    }
    
 
    #header
{
    height:250px;
    background: white;
    margin-bottom: 5px;
    padding:10px;
  
    -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;
}

/*List of product*/
#product
{
 
    width:160px;
    float:left;
    background:white;
    background-image:url(images/menu1.png);
    background-repeat:repeat-x;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
   
      -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;   
 
}
/*Support Online*/
#support
{
    width:160px;
    float:left;
    background:white;
    background-image:url(images/menu1.png);
    background-repeat:repeat-x;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
     -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;
    
   
}
#useronline
{
    padding: 5px;
    width:160px;
    float:left;
    background:white url('images/menu1.png') repeat-x;
    -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;
    height: 90px;
}




/*Main*/
#mainWap{
   width: 1000px;
   margin: 0 auto;
   
}
/*New produc & hot product*/


/*Flash*/
#flash
{
 background-image:url(images/flash.png);
 height:400px;
 background-repeat:no-repeat;
    padding:5px;
    width:810px;
     -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;           
}
#showproduct
{
    background:white url('images/menu3.png') repeat-x;
    padding:5px;
     width:810px;
      -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;
    }
#left
{
     float: left;    
     padding-bottom:5px;
      width:170px;
   
    
}
#right
{
     float: right;
     width:  820px;
     padding:5px;
      

}
.clr
{
    clear: both;
    height:1px;
}
#footer{
    background: white;
    margin-top: 10px;
    padding: 10px;
    -khtml-border-radius: 5px; /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px;
}




#mainnav
{
    width:1000px;
    margin:0;
     margin-bottom: 5px;    
     }    

ul#topnav {
    margin: 0; padding: 0;
    list-style: none;
    position: relative; /*--thiết lập vị trí của ul chưa menu--*/
    font-size: 1.0em;
    background: White;
    font-weight:bold;
    margin:0;
  
   
   
    height: 40px;
}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
    /*-- các menu li --*/
}
ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: Black;
    text-decoration: none;
    
}
ul#topnav li a:hover {
    padding: 10px 20px;
    display: block;
    color: White;
    text-decoration: none;
    
}
ul#topnav li:hover  
{
    background: url(/images/menu.png) repeat-x;
   
    }
